<template>
  <div>
    <TypeNav></TypeNav>
    <Liscontainer></Liscontainer>
    <Recommend></Recommend>
    <Rank></Rank>
    <Like></Like>
    <Floor v-for="(floor,index) in floorList" :key="floor.id" :floor="floor"></Floor>
    <Brand></Brand>
  </div>
</template>

<script>
import Liscontainer from './ListContainer'
import Recommend from './Recommend'
import  Rank from './Rank'
import  Like from './Like'
import  Floor from './Floor'
import  Brand from './Brand'
import { mapState } from 'vuex'



// import Recommend from './Recommend'
// import Recommend from './Recommend'


export default {
    name:'Home',
    components:{
      Liscontainer,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
    },
     mounted(){
        this.$store.dispatch('getFloorList')
 },
 computed:{
     ...mapState({
         floorList:state=>state.home.floorList
     })
 }

}
</script>

<style>

</style>